/**
 * @description 评价管理
 * */
import React, { Component } from 'react';
import {
  StyleSheet, View, ScrollView
} from 'react-native';
import HeaderBackButton from '../components/HeaderBackButton';
import EvaluateCard from '../components/EvaluateCard';
import BusinessReplyCard from '../components/BusinessReplyCard';

export default class ForgetPassword extends Component {
  // 背景色不能透明你
  // 定义导航栏
  static navigationOptions = ({ navigation }) => {
    const goback = navigation.getParam('goback');
    return {
      title: '评价管理',
      headerStyle: {
        backgroundColor: 'blue',
        elevation: 0,
      },
      headerTintColor: '#fff', // 导航字体颜色
      headerLeft: (
        <HeaderBackButton click={goback} color="#fff" />
      ),
    };
  };

  render() {
    const name = '刘德华';
    const time = '2017-07-14';
    const mark = 3;
    const evaluate = 'agagagsgagagagsgagagagsgagagagsgagagagsg';
    const imgList = ['https://ss0.baidu.com/7Po3dSag_xI4khGko9WTAnF6hhy/image/h%3D300/sign=45e1c8e71ddfa9ece22e501752d1f754/342ac65c103853434cc02dda9f13b07eca80883a.jpg', 'https://ss0.baidu.com/7Po3dSag_xI4khGko9WTAnF6hhy/image/h%3D300/sign=45e1c8e71ddfa9ece22e501752d1f754/342ac65c103853434cc02dda9f13b07eca80883a.jpg', 'https://ss0.baidu.com/7Po3dSag_xI4khGko9WTAnF6hhy/image/h%3D300/sign=45e1c8e71ddfa9ece22e501752d1f754/342ac65c103853434cc02dda9f13b07eca80883a.jpg'];
    const number = 3;
    return (
      <View style={[localStyle.wrap]}>
        <ScrollView>
          <EvaluateCard
            name={name}
            time={time}
            mark={mark}
            evaluate={evaluate}
            imgList={imgList}
            number={number}
          />
          <View style={[localStyle.reply]}>
            <BusinessReplyCard reply="agagsadgagagagsadgagagagsadgagagagsadgagagagsadgagagagsadgagagagsadgagagagsadgagagagsadgagagagsadgagagagsadgagagagsadgagagagsadgagagagsadgagagagsadgag" />
          </View>
        </ScrollView>
      </View>
    );
  }
}

const localStyle = StyleSheet.create({
  wrap: {
    width: '100%',
    padding: 10,
    backgroundColor: '#fff'
  },
  reply: {
    marginTop: 25,
    paddingTop: 25,
    borderTopWidth: 1,
    borderTopColor: '#ccc'
  }
});
